<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BFC演示二</title>
    <style>
      div {
        width: 200px;
        height: 200px;
      }
      .box1 {
        background-color: orange;
      }
      .box2 {
        background-color: green;
        /* 开启BFC解决 */
        /*float: left;*/
        /*position: absolute;*/
        /*display: inline-block;*/
        /*display: table;!* 将元素变为表格元素 *!*/
        /*columns: 1;*/
        /*display: flow-root;*/
      }

    </style>
</head>
<body>
  <div class="box box1"></div>
  <div class="box box2"></div>
</body>
</html>